<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org/">
<head>
    <meta charset="utf-8">
    <base th:href="${#request.getContextPath()}+'/'">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="js/jquery-3.1.1.js"></script>
    <!--<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>-->
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <script src="js/bootstrap-treeview.js"></script>
    <link href="css/bootstrap-treeview.css">
    <link href="css/default.css">
    <link href="css/normalize.css">
</head>
<body>
<nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">
                <span class="glyphicon glyphicon-user"></span>
            </a>
        </div>
    </div>
</nav>
<div class="container-fluid">
    <!--功能树-->
    <div id="functree" class="col-md-2"></div>
    <div id="content"  class="col-md-10">
        <h1>欢迎回来~</h1>


    </div>

</div>

<script type="text/javascript" src="http://cdn-hangzhou.goeasy.io/goeasy.js"></script>
<script>
    jQuery.ajaxSettings.traditional = true;

    var orderNum =0;

    /*功能树的数据*/
     var funcData = [
         {
             text:"系统首页"
         },
         {
             text:"商品管理管理",
             nodes:[
                 {text:"商品信息",href:"product/goodlist"},
                 {text:"增加商品",href:"product/type"},
                 {text:"增加文案",href:"qfedu.com"},
                 {text:"增加微信文案",href:"qfedu.com"},
                 {text:"增加站内文案",href:"qfedu.com"},
                 {text:"增加空间文案",href:"qfedu.com"}
             ]
         },
         {
             text:"订单管理",
             nodes:[
                 {text:"全部的订单",href:"qfedu.com"},
                 {text:"已下单的订单",href:"qfedu.com"},
                 {text:"待跟进的订单",href:"qfedu.com"}
             ]
         },
         {
             text:"统计报表"
         },
         {
             text:"财务管理"
         },
         {
             text:"商户管理"
         }

     ];


    /*页面加载直接执行此方法*/
    $(function () {

        /*功能树的数据*/

            $("#functree").treeview({
                levels:1,
                data:funcData
            });

            /*默认选择指定的item*/
            $('#functree').treeview('selectNode', [2, { silent: true }]);
            /*展开指定的item*/
            $('#functree').treeview('expandNode',[3, {silent:true, ignoreChildren: false}]);
            /*点击事件*/
            $("#functree").on("nodeSelected",function(event,data){

                console.log(data.href);
                if (data.href == undefined) {
                    console.log("父")
                } else {
                    console.log("子：" + data.href)
                    $("#content").load(data.href);
                }
            });
        });

    var goEasy = new GoEasy({
        appkey: 'BC-5c52046d1dcd46f19092000a173ef9e9'
    });
    //GoEasy-OTP可以对appkey进行有效保护，详情请参考：GoEasy-Reference

    goEasy.subscribe({
        channel:'merchantlist',
        onMessage: function(message){

            alert("有新的订单来了");

            orderNum = orderNum + 1;

            /*功能树的数据*/
            var funcData = [
                {
                    text:"系统首页"
                },
                {
                    text:"商品管理管理",
                    nodes:[
                        {text:"商品信息",href:"product/goodlist"},
                        {text:"增加商品",href:"product/type"},
                        {text:"增加文案",href:"qfedu.com"},
                        {text:"增加微信文案",href:"qfedu.com"},
                        {text:"增加站内文案",href:"qfedu.com"},
                        {text:"增加空间文案",href:"qfedu.com"}
                    ]
                },
                {
                    text:"订单管理",
                    tags:[orderNum],
                    nodes:[
                        {text:"全部的订单",href:"qfedu.com"},
                        {text:"已下单的订单",href:"qfedu.com"},
                        {text:"待跟进的订单",href:"qfedu.com"}
                    ]
                },
                {
                    text:"统计报表"
                },
                {
                    text:"财务管理"
                },
                {
                    text:"商户管理"
                }

            ];

            /*功能树的数据*/

            $("#functree").treeview({
                levels:1,
                showTags:true,
                data:funcData
            });

            /*默认选择指定的item*/
            $('#functree').treeview('selectNode', [2, { silent: true }]);
            /*展开指定的item*/
            $('#functree').treeview('expandNode',[3, {silent:true, ignoreChildren: false}]);
            /*点击事件*/
            $("#functree").on("nodeSelected",function(event,data){

                console.log(data.href);
                if (data.href == undefined) {
                    console.log("父")
                } else {
                    console.log("子：" + data.href)
                    $("#content").load(data.href);
                }
            });




        }
    });


</script>



</body>
</html>